@import './reset.less';
@import 'element-plus/dist/index.css';
@import 'element-plus/theme-chalk/dark/css-vars.css';
@import 'vxe-table/lib/style.css';
@import './colors.less';

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(144, 147, 153, 0.3);
}

.svg-icon {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
}

html,
body,
#app {
    height: 100%;
    font-size: 12px;
    font-family: inherit;
    --vxe-font-family: inherit;
}

/** layout transition */
.layout-enter-active,
.layout-leave-active {
    transition: all 0.5s;
}

.layout-enter,
.layout-leave-active {
    opacity: 0;
    transform: translateX(20px);
}

.layout-move {
    transition: all 0.5s;
}

.layout-leave-active {
    position: absolute;
}

/** innerPage transition */

.innerPage-enter-active {
    animation: bounce-in 0.2s;
}

.innerPage-leave-active {
    animation: bounce-in 0.2s reverse;
}

@keyframes bounce-in {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@import './components.less';